<template>
  <div>
    <div class="videoStyle">
      <el-dialog
        class="mydialog"
        :title="title"
        :visible.sync="show"
        width="560px"
        :before-close="handleClose"
      >
        <video width="520" height="380" controls>
          <source
            crossOrigin="anonymous"
            src="http://122.51.249.55:7001/https://v-cdn.zjol.com.cn/276984.mp4"
            type="video/mp4"
          />
        </video>
      </el-dialog>
    </div>
    <!-- baseURI: "http://122.51.249.55:7001/public/index.html#/companys/list" -->
  </div>
</template>

<script>
// <video width="320" height="240" controls>
//     <source src="movie.mp4" type="video/mp4">
//     <source src="movie.ogg" type="video/ogg">
//     您的浏览器不支持 video 标签。
// </video>
export default {
  data() {
    return {
      show: false,
      title: "",
    };
  },
  methods: {
    handleClose() {
      this.show = false;
    },
  },
};
</script>

<style>
.videoStyle .mydialog .el-dialog__body {
  padding: 0 20px 20px 20px !important;
}
</style>